<template>
  <div class="content">
    <van-nav-bar title="关于我们" left-text="返回" left-arrow @click-left="onClickLeft" />
    <div class="img">
      <van-image width="15rem" height="15rem" fit="contain" src="https://img.cwiyc.top/logo.png" />
    </div>
    <div class="slogan">随时随地点餐，适合所有食客</div>
    <div class="sentence">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;疫情挡不住 订单滚滚来. 一个崭新的在线点餐系统给餐馆老板带来欣喜.
      餐厅扫码在线点餐系统扫码点餐是帮助非快餐餐厅引进智能化的自助点餐，
      让顾客用扫描桌台二维码自助点餐，无须服务员记菜单。
      这种方式正在成为餐饮经营中的一股潮流</div>
  </div>
</template>

<script>
export default {
  name: 'About',
  props: [],
  setup(props, context) {
    const onClickLeft = () => history.back();
    return {
      onClickLeft,
    };
  },
}
</script>

<style scoped lang="scss">
.content {
  height: 100vh;
  // background-color: rgb(240, 236, 236);

  .img {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .slogan {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -3rem;
  }
  .sentence{
    color: rgb(113, 132, 192);
    width: 20rem;
    margin: 0 auto;
  }
}
</style>